<!DOCTYPE html>
<div id="foo"></div>
<script src="../../include.js"></script>
<script>
    promiseTest(async () => {
        const foo = document.getElementById("foo");
        const animation = foo.animate({}, { duration: 100 });

        animation.play();
        println(`Animation is pending after a call to play(): ${animation.pending}`);

        await animation.ready;
        println(`Animation is not pending after ready promise resolves: ${!animation.pending}`);

        animation.pause();
        println(`Animation is pending after a call to pause(): ${animation.pending}`);

        await animation.ready;
        println(`Animation is not pending after ready promise resolves: ${!animation.pending}`);
    });
</script>
